
/* 字体大小 */
$font-color: #1AC388;
:root {
  /* 背景色2222 */
  --theme: #1AC388; 
  --themeo7: rgba(26, 195, 136, 0.3); 
  --themebg: #DCDDFF; 
  --bdcol:#E4E4E4;
}
page { 
 --theme: #1AC388;
 --themebg: #DCDDFF;
 --bdcol:#E4E4E4;
}



.lem-text-sm{
	font-size: 20rpx;
	line-height: 28rpx;
}

.lem-text-df{
	font-size: 24rpx;
	line-height: 34rpx;
}

.lem-text-lg{
	font-size: 26rpx;
	line-height: 36rpx;
}

.lem-text-xl{
	font-size: 28rpx;
	line-height: 38rpx;
}

.lem-text-xxl{
	font-size: 32rpx;
	line-height: 46rpx;
}

.lem-text-xsl{
	font-size: 34rpx;
	line-height: 48rpx;
}

.lem-text-title{
	font-size: 36rpx;
	line-height: 50rpx;
}

.lem-text-banner{
	font-size: 40rpx;
	line-height: 64rpx;
}

/* 背景色 */

.lem-bg-main{
	background-color: #2aac34;
	color: #ffffff;
}

.lem-bg-main-light{
	background-color: #8ad61d;
	color: #ffffff;
}

.lem-bg-sub{
	background-color: #fc6620;
	color: #ffffff;
}

.lem-bg-sub-light{
	background-color: #ff473c;
	color: #ffffff;
}

.lem-bg-gray{
	background-color: #f2f2f2;
}

/* 文字颜色 */

.lem-text-black{
	color: #1b1c33;
}

.lem-text-grey{
	color: #5e5e66;
}

.lem-text-gray{
	color: #8d8e99;
}

.lem-text-tip{
	color: #c4c4cc;
}

.lem-text-border{
	color: #f2f2f2;
}

.lem-border{
	border-radius: 12rpx;
}

.lem-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 30rpx;
  font-size: 28rpx;
  height: 64rpx;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  overflow: visible;
  margin-left: initial;
  transform: translate(0rpx, 0rpx);
  margin-right: initial;
}

.lem-btn::after {
  display: none;
}

.lem-btn:not([class*="bg-"]) {
  background-color: #f0f0f0;
}

.lem-btn[class*="line"] {
  background-color: transparent;
}

.lem-btn[class*="line"]::after {
  content: " ";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1rpx solid currentColor;
  transform: scale(0.5);
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 24rpx;
  z-index: 1;
  pointer-events: none;
}

.lem-btn.round[class*="line"]::after {
  border-radius: 1000rpx;
}

.lem-btn[class*="lines"]::after {
  border: 6rpx solid currentColor;
}

.lem-btn[class*="bg-"]::after {
  display: none;
}

.lem-btn.sm {
  padding: 0 20rpx;
  font-size: 20rpx;
  height: 48rpx;
}

.lem-btn.lg {
  padding: 0 40rpx;
  font-size: 32rpx;
  height: 80rpx;
}

.line-grey::after, .lines-grey::after {
  border-color: #acacac;
}


/* 公共通用样式 */

/* @import './variable.scss'; */
.fb{font-weight: bold;}
.f8{font-size: 8upx;}
.f10{font-size: 10upx;}
.f12{font-size: 12upx;}
.f14{font-size: 14upx;}
.f16{font-size: 16upx;}
.f18{font-size: 18upx;}
.f20{font-size: 20upx;}
.f22{font-size: 22upx;}
.f24{font-size: 24upx;}
.f28{font-size: 28upx;}
.f32{font-size: 32upx;}
.f36{font-size: 36upx;}
.f40{font-size: 40upx;}
.f44{font-size: 44upx;}

.f48{font-size: 48upx;}
.f56{font-size: 56upx;}
.f60{font-size: 60upx;}
.f64{font-size: 64upx;}

.fixbtm{
	position: fixed;
	bottom:0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
/* .btnsure{
	width: 700rpx;
	height: 88rpx;
	background: #216EFF;
	border-radius: 44rpx 44rpx 44rpx 44rpx;
	opacity: 1;
	text-align: center;
	line-height: 88rpx;
	align-items: center;
	color: #FFFFFF;
	font-size: 32rpx;
    font-weight: bold;
	
	
} */

.b-rd{
	border-radius: 8rpx;
}
.b-b{
	border-bottom:1px solid var(--bdcol) ;
}
.b-r{
	border-right:1px solid var(--bdcol) ;
}
.b-t{
	border-top:1px solid var(--bdcol) ;
}
.b-l{
	border-left:1px solid var(--bdcol) ;
}
.bn{
	border: none !important;
}
.b-s{
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
}
.c3{
	color:#333
}
.c6{
	color:#666
}
.c9{
	color:#999
}
.ce{
	color:#eee
}
.c0{
	color:#000
}
.cf{
	color: #fff;
}
.cr{
	color: #FF3149;
}
.cg{
	color: #18D824;
}
.cw{
	color: #FFA901;
}
.cp{
	color: var(--theme);
}

// 公共类

.bg{
	background: var(--themebg);
}
.bf{
	background: #fff;
}

.bg-p{
  background-color: var(--theme);
  color: #fff;
}
.font-col{
	color: $font-color;
}

.f{
	display: flex;
	align-items: center;
}
.f1{
	flex: 1;
}
.f-c{
	display: flex;
	justify-content: center;
	align-items: center;
}

.f-s-a{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.f-s-b{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.f-f-c{
	display: flex;
	flex-direction: column;
}
.f-f-c-cl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: center; */
}
.f-f-c-c{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.f-w{
	display: flex;
	flex-wrap: wrap;
}
.f-w-c{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.f-w-a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.f-w-b{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.m0{
	margin: 0 ;
}
.ma{
	margin: 0 auto;
}
.m10{
	margin: 10upx;
}
.mt10{
	margin-top: 10upx;
}
.mb10{
	margin-bottom: 10upx;
}
.ml10{
	margin-left: 10upx;
}
.mr10{
	margin-right: 10upx;
}

.m20{
	margin: 20upx;
}
.mt20{
	margin-top: 20upx;
}
.mb20{
	margin-bottom: 20upx;
}
.ml20{
	margin-left: 20upx;
}
.mr20{
	margin-right: 20upx;
}
.mr100{
	margin-right: 100upx;
}

.mt30{
	margin-top: 30upx;
}

.mt40{
	margin-top: 40upx;
}


.p10{
	padding: 10upx;
}
.pt10{
	padding-top: 10upx;
}
.pb10{
	padding-bottom: 10upx;
}
.pl10{
	padding-left: 10upx;
}
.pr10{
	padding-right: 10upx;
}

.p20{
	padding: 20upx;
}

.pt20{
	padding-top: 20upx;
}
.pb20{
	padding-bottom: 20upx;
}
.pl20{
	padding-left: 20upx;
}
.pr20{
	padding-right: 20upx;
}

.cell-p{
	padding: 20upx 30upx;
}

.pt40{
	padding-top: 40upx;
}
.pb40{
	padding-bottom: 40upx;
}
.pr40{
	padding-right: 40upx;
}
.pl40{
	padding-left: 40upx;
}
.p40{
	padding: 40upx;
}
.pt0{
	padding-top: 0;
}
.pb0{
	padding-bottom: 0;
}
.pl0{
	padding-left: 0;
}
.pr0{
	padding-right: 0;
}
.xing::before{
	content: "*";
	color: #FF3149;
	
}
.sureBtn{
	position: fixed;
	bottom: 100rpx;
	left: 50%;
	transform: translate(-50%,0);
	width: 700rpx;
	height: 88rpx;
	background: linear-gradient(90deg, #31EB8D 0%, #4CC097 100%);
	box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
	border-radius: 44rpx 44rpx 44rpx 44rpx;
	opacity: 1;
	text-align: center;
	line-height: 88rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: #FFFFFF;
}
.sureBtn2{
	margin: 40rpx auto;
	width: 700rpx;
	height: 88rpx;
	background: linear-gradient(90deg, #31EB8D 0%, #4CC097 100%);
	box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
	border-radius: 44rpx 44rpx 44rpx 44rpx;
	opacity: 1;
	text-align: center;
	line-height: 88rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: #FFFFFF;
}
.sureBtn4{
	margin: 40rpx auto;
	width: 300rpx;
	height: 88rpx;
	background: linear-gradient(90deg, #31EB8D 0%, #4CC097 100%);
	box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
	border-radius: 44rpx 44rpx 44rpx 44rpx;
	opacity: 1;
	text-align: center;
	line-height: 88rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: #FFFFFF;
}
.sureBtn5{
	margin: 40rpx auto;
	width: 300rpx;
	height: 88rpx;
	background: #fff;
	box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
	border-radius: 44rpx 44rpx 44rpx 44rpx;
	opacity: 1;
	text-align: center;
	line-height: 88rpx;
	font-size: 32rpx;
	font-weight: bold;
	border: 1px solid var(--theme);
	color: var(--theme);
}
.sureBtn-nb{
	margin: 10rpx;
	width: 160rpx;
	height: 48rpx;
	background: #fff;
	border-radius: 8rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28rpx;
	border: 1px solid var(--theme);
	color: var(--theme);
}
.sureBtn3{
	margin: 0 auto;
	width: 700rpx;
	height: 68rpx;
	/* background: linear-gradient(90deg, #31EB8D 0%, #4CC097 100%); */
	box-shadow: 0rpx 2rpx 4rpx 2rpx rgba(0,0,0,0.16);
	border-radius: 4rpx;
	opacity: 1;
	text-align: center;
	line-height: 68rpx;
	font-size: 28rpx;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px dashed var(--theme);
	color:var(--theme) ;
}
.failbtn{
	background: #ccc !important;
	color: #fff;
}

.inputbox{
	border: 1rpx solid #999;
	padding: 10rpx 20rpx;
	height: 80rpx;
	border-radius: 8rpx;
	width: 400rpx;
	
}
.inputbox input{
	width: 300rpx;
}
.uploadBox{
	width: 120rpx;
	height: 120rpx;
	background: rgba(255,255,255,0);
	border-radius: 8rpx 8rpx 8rpx 8rpx;
	opacity: 1;
	border: 2rpx dashed #999;
}
.p-s{
	position: relative
}
.p-b{
	position: absolute
}




